<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>alimama</title>
  <style>
	*{
		padding:0;
		margin:0;
		list-style:none;
	}
	.box{
		width:650px;
		height:632px;
		border:2px solid black;
		padding:5px;
		margin:0 auto;
	}
	p{	
		text-align:center;
		color:green;
		margin-top:20px;
	}
	ul li{
		width:200px;
		height:300px;
		border:3px solid red;
		float:left;
		margin:5px;
	}
	img,p{
	
	cursor:pointer;
	}

  </style>
 </head>
 <body>
  <div class="box">
	<ul>
	<li><img style="width:200px;" src="fudie.jpg"/>
	<p><a href="#">马云</a><br/>
	阿里妈妈创始人<br/>身价过百亿</li>
	<li><img style="width:200px;" src="fudie.jpg"/>
	<p><a href="#">马云</a><br/>
	阿里妈妈创始人<br/>身价过百亿</li>
	<li><img style="width:200px;" src="fudie.jpg"/>
	<p><a href="#">马云</a><br/>
	阿里妈妈创始人<br/>身价过百亿</li>
	<li><img style="width:200px;" src="fudie.jpg"/>
	<p><a href="#">马云</a><br/>
	阿里妈妈创始人<br/>身价过百亿</li>
	<li><img style="width:200px;" src="fudie.jpg"/>
	<p><a href="#">马云</a><br/>
	阿里妈妈创始人<br/>身价过百亿</li>
	<li><img style="width:200px;" src="fudie.jpg"/>
	<p><a href="#">马云</a><br/>
	阿里妈妈创始人<br/>身价过百亿</li>
	</ul>
  </div>
 </body>
</html>
